<template>
	<div class="block text-center">
		<el-carousel height="450px">
			<el-carousel-item v-for="item in images" :key="item">
				<img :src="item" alt="" />
			</el-carousel-item>
		</el-carousel>
	</div>
</template>

<script setup>
// import banner1 from "@/assets/images/banner/banner1.jpg";
import banner2 from "@/assets/images/banner/banner2.jpg";
import banner3 from "@/assets/images/banner/banner3.jpg";
import banner5 from "@/assets/images/banner/banner5.jpg";
import banner6 from "@/assets/images/banner/banner6.jpg";
import banner4 from "@/assets/images/banner/banner4.jpg";
import { ref } from "vue";	
	const images = ref([
		// banner1,
		banner2,
		banner3,
		banner4,
		banner5,
		banner6,
	])
	
</script>

<style lang="less" scoped>
	.block{
		width: 980px;
		height: 470px;
		>image{
			width: 1020px;
		}
	}
</style>